﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/YUIAspNet.Master" CodeBehind="Default.aspx.cs" Inherits="YUIAspNetDemo.Slider" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>YUIAspNet Controls : LiveDemo : Slider : Usage info</title>
     <script type="text/javascript">
        function showValueV(wrappedSlider, args) {
            $get('verticalSliderValue').innerHTML = args.value;
        }
        function showValueH(wrappedSlider, args) {
            $get('horizontalSliderValue').innerHTML = args.value.toFixed(2);
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h4>General</h4>
    
    <p>
        Simple vertical slider:<br />
        <yui:Slider ID="verticalSlider" OnClientChange="showValueV" EnableAnimation="true" MaxValue="200" runat="server" />
        Value:<span id="verticalSliderValue"></span>
    </p>
    <p>
        Horizontal slider with predefined ticks & increment factor:<br />
        <yui:Slider ID="horizSlider" OnClientChange="showValueH" IncrementSize="10" IncrementFactor="0.005" InitialValue="0" Orientation="Horizontal" MaxValue="200" runat="server" />
    </p>
    Value: <span id="horizontalSliderValue"></span>
</asp:Content>
